<form class="am-form query-form" id="payform" data-am-validator>
    <div class="widget am-cf">
        <div class="widget-head am-cf">
            <div class="widget-title  am-fl">会员信息</div>
            <div class="widget-function am-fr"><button type="button"class="am-btn am-btn-default" onclick="history.go(-1);return false;"><i class="am-icon-refresh"></i>返回</button></div>
        </div>
        <div class="widget-body  am-cf" style="padding-bottom: 0px;">
            <div class="am-u-sm-12 am-u-md-4 am-u-lg-3">
                <label class="am-u-sm-3 am-form-label">姓名</label>
                <div class="am-u-sm-9">
                    <label id="Realname">-</label>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-4 am-u-lg-3">
                <label class="am-u-sm-3 am-form-label">性别</label>
                <div class="am-u-sm-9">
                    <label id="Sex">-</label>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-4 am-u-lg-3">
                <label class="am-u-sm-3 am-form-label">电话</label>
                <div class="am-u-sm-9">
                    <label id="Mobile">-</label>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-4 am-u-lg-3">
                <label class="am-u-sm-3 am-form-label">生日</label>
                <div class="am-u-sm-9">
                    <label id="Birthday">-</label>
                </div>
            </div>
        </div>
    </div>
    <style>
        .theme-white .tpl-table-black tbody > tr > td{ vertical-align: middle;}
    </style>
    <div class="widget am-cf">
            <div class="widget-head am-cf">
                <div class="widget-title  am-fl">已购商品清单</div>
                <div class="widget-function am-fr"></div>
            </div>
            <div class="widget-body  am-cf">
                <table width="100%" class="am-table tpl-table-black am-table-hover am-table-bordered" id="dataTables">
                    <thead>
                    <tr>
                        <th></th>
                        <th>商品类型	</th>
                        <th>商品名称</th>
                        <th>商品详情</th>
                        <th>批号</th>
                        <th>生产日期</th>
                        <th>失效日期</th>
                        <th>零售价</th>
                        <th>折扣(%)</th>
                        <th>单价</th>
                        <th>可退数量</th>
                        <th>退货数量</th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
    </div>
    <div class="widget am-cf">
        <div class="widget-head am-cf">
            <div class="widget-title  am-fl">零售信息</div>
            <div class="widget-function am-fr"></div>
        </div>
        <div class="widget-body  am-cf">
            <div class="am-g">
                <div class="am-u-sm-12 am-u-md-4 am-u-lg-3">
                    <label class="am-u-sm-3 am-form-label">配镜顾问</label>
                    <div class="am-u-sm-9">
                        <label id="BusinessName">-</label>
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-4 am-u-lg-3">
                    <label class="am-u-sm-3 am-form-label">取镜时间</label>
                    <div class="am-u-sm-9">
                        <label id="HopePickUpTime">-</label>
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-4 am-u-lg-3">
                    <label class="am-u-sm-3 am-form-label">单据备注</label>
                    <div class="am-u-sm-9">
                        <label id="Remarks">-</label>
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-4 am-u-lg-3"></div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-12 am-u-md-4 am-u-lg-3">
                    <label class="am-u-sm-3 am-form-label">支付宝</label>
                    <div class="am-u-sm-9">
                        <label id="AlipayMoney">-</label>
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-4 am-u-lg-3">
                    <label class="am-u-sm-3 am-form-label">微信</label>
                    <div class="am-u-sm-9">
                        <label id="WechatMoney">-</label>
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-4 am-u-lg-3">
                    <label class="am-u-sm-3 am-form-label">刷卡</label>
                    <div class="am-u-sm-9">
                        <label id="CardMoney">-</label>
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-4 am-u-lg-3">
                    <label class="am-u-sm-3 am-form-label">现金</label>
                    <div class="am-u-sm-9">
                        <label id="CashMoney">-</label>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="widget am-cf" id="payinfo">
        <input type="hidden" name="SumPayable" id="SumPayable" value="0" placeholder="">
        <div class="widget-head am-cf">
            <div class="widget-title  am-fl">费用信息--------应退还金额:<span class="am-text-danger">0.00</span></div>
            <div class="widget-function am-fr"></div>
        </div>

        <div class="widget-body  am-cf">
            <div class="am-g">
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">支付宝</label>
                    <div class="am-u-sm-9">
                        <input type="number" name="AlipayMoney" id="AlipayMoney" value="0"  onchange="mathReturnPrice();">
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">微信退款</label>
                    <div class="am-u-sm-9">
                        <input type="number" name="WechatMoney" id="WechatMoney"  value="0"  onchange="mathReturnPrice();">
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">现金退款</label>
                    <div class="am-u-sm-9">
                        <input type="number" name="CashMoney" id="CashMoney"  value="0"  onchange="mathReturnPrice();">
                    </div>
                </div>
            </div>
            <div class="am-g">
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">待退金额</label>
                    <div class="am-u-sm-9">
                        <input type="number" id="need_return_price"  value="0" placeholder="" readonly>
                    </div>
                </div>
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
                    <label class="am-u-sm-3 am-form-label">退款金额</label>
                    <div class="am-u-sm-9">
                        <input type="number" id="return_price" name="return_price"  value="0" placeholder="" readonly>
                    </div>
                </div>
            </div>
            <div class="row-fluid am-margin-top-sm" style="text-align:center;">
                <button type="button" class="am-btn am-btn-sm am-btn-danger" onclick="save()"><i class="am-icon-plus"></i> 确认结算并退货</button>
                <button type="button" class="am-btn am-btn-sm am-btn-default" onclick="history.go(-1);return false;"><i class="am-icon-close"></i> 取消</button>
            </div>
        </div>
    </div>
</form>